<template>
  <hc-row class="mb-4">
    <hc-button disabled>Default</hc-button>
    <hc-button type="primary" disabled>Primary</hc-button>
    <hc-button type="success" disabled>Success</hc-button>
    <hc-button type="info" disabled>Info</hc-button>
    <hc-button type="warning" disabled>Warning</hc-button>
    <hc-button type="danger" disabled>Danger</hc-button>
  </hc-row>

  <hc-row>
    <hc-button plain disabled>Plain</hc-button>
    <hc-button type="primary" plain disabled>Primary</hc-button>
    <hc-button type="success" plain disabled>Success</hc-button>
    <hc-button type="info" plain disabled>Info</hc-button>
    <hc-button type="warning" plain disabled>Warning</hc-button>
    <hc-button type="danger" plain disabled>Danger</hc-button>
  </hc-row>
</template>
